import React,{ useState, useEffect, useRef, useCallback, useReducer,useMemo, FC, ReactNode } from 'react';
import { Post, Get, Patch, Put } from '../../utils/utilHttp'
import { Link, RouteComponentProps } from 'react-router-dom';
import { Button,PullToRefresh, WhiteSpace, WingBlank,Toast } from 'antd-mobile';
interface Indicator {
  activate?: React.ReactNode;
  deactivate?: React.ReactNode;
  release?: React.ReactNode;
  finish?: React.ReactNode;
}
interface PropsType {
  getScrollContainer: () => React.ReactNode;
  direction: 'down' | 'up';
  refreshing?: boolean;
  distanceToRefresh: number;
  onRefresh: () => void;
  indicator: Indicator;
  prefixCls?: string;
  className?: string;
  style?: React.CSSProperties;
  damping: number;
}
function App() {
  let pul :ReactNode;
  let test:PropsType = {
    getScrollContainer:() => pul,
    direction:'down',
    refreshing:true,
    distanceToRefresh:60,
    onRefresh:() => {
      console.log('刷新了')
    },
    indicator:{},
    damping:60,
    style:{height:'500px'}
  }
  return (
    <div className="App">
      <PullToRefresh {...test} ref={( el )=>{ pul =el }}></PullToRefresh>
      恶心到了 写不下去了
    </div>
  );
}

export default App;